<template>
  <nav-container class="dashboard-center" :nav="nav">
    <router-view></router-view>
  </nav-container>
</template>

<script>
  export default {
    name: "dashboard-center",

    data() {
      return {
        nav: [
          {
            title: "佣金概况",
            to: {
              name: 'home-commission'
            },
          },
          {
            title: "实时统计",
            to: {
              name: 'home-real-time-statistics'
            }
          },
          {
            title: "注册率分析",
            to: {
              name: 'home-analysis'
            }
          },
          {
            title: "留存率分析",
            to: {
              name: 'home-retain'
            }
          }
        ]
      };
    },
  };
</script>

<style lang="scss">
  @include b(dashboard-center) {
    @include e(row) {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
      @include m(win-lose) {
        margin-bottom: 60px;

      }
    }
    @include e(title) {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 15px;
    }
  }
</style>

